@import (reference) "./../shared/color";
@import (reference) "./../shared/common";
.bidask-wrapper {
  background-color: @color-white;
  height: 100%;
  .no-wrap {
    white-space: nowrap;
  }
  .header {
    background-color: @color-gray-view-background;
    border-bottom: 1px solid @color-gray-main;
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem;
    padding: 0 @space-common;
    .display-flex(row);
// =======
    // white-space: nowrap;
    // span.entrust-value {
    //   font-size: 1.2rem;
    // }
// >>>>>>> c8a83f8a87e868ffed31b61ed8e54c613fb19f6c
  }
  .divider {
    td,
    th {
      border-top: 1px solid @color-gray-view-background;
    }
  }
  .bidask-table {
    width: 100%;
    height: calc(~"100% - 30px");
    font-size: 1.4rem;
    padding: @space-common;
    &.vtrade-table {
      padding: 0 @space-common;
    }
    th {
      text-align: left;
      font-weight: normal;
      white-space: nowrap;
    }
    td:last-child {
      text-align: right;
    }
    .legend-cell {
      width: 49%;
      .legend {
        display: block;
        height: 12px;
        min-width: 1px;
      }
    }
  }
  .text-color-red {
    color: @color-red-red;
  }
  .text-color-green {
    color: @color-green-gray;
  }
  .text-color-blue {
    color: @color-blue-lake;
  }
  .color-red {
    color: @color-red-red;
    background-color: @color-red-red;
  }
  .color-green {
    color: @color-green-gray;
    background-color: @color-green-gray;
  }
  .color-white {
    border: 1px solid #EEE;
  }
}

.space-left {
  margin-left: 2px;
}

.text-red-bg {
  background: @color-red-gradient;
}

.text-blue-bg {
  background: @color-blue-gradient;
}

.text-with-bg {
  color: @color-white;
  display: inline-block;
  font-family: Helvetica;
  font-size: 0.857em;
  line-height: 1.167em;
  text-align: center;
  width: 1.167em;
  height: 1.167em;
  border-radius: 2px;
  vertical-align: 1px;
}
.text-number {
  text-align: center;
}